@media all and (max-width:1900px){
}

@media all and (max-width:1600px){
}

@media all and (max-width:1480px){
}

@media all and (max-width:1370px){
}

@media all and (max-width:1280px){
}

@media all and (max-width:1199px){
    .login-sec .right .innerbox {padding: 0px 50px;}
}

@media all and (max-width:1024px){
}

@media all and (max-width:991px){
    .container {max-width: 100%;}
    .course-page .right {order: 0;}
    .course-page .left {order: 1;}
    .course-content-dropdown button {display: flex; align-items: center; justify-content: center;}
    .course-content-dropdown svg {margin-left: 10px;}
    .menu-profile {width: inherit; flex-direction: row-reverse; gap: 30px;}

     aside {
        transform: translateX(-100%); /* default hidden */
    }
    aside.closed {
        transform: translateX(-100%);
    }
    aside:not(.closed) {
        transform: translateX(0);
    }
    main {margin-left: 0px;}
}

@media all and (max-width:768px){
}

@media all and (max-width:767px){
    :root {
    --btn-padding-y: 10px;
    --btn-padding-x: 10px;
    }
    .form-control {min-height: 46px;}
    .login-sec .right .innerbox {padding: 0px 20px;}
    .login-sec .left {display: none;}
    .login-sec .right {height: 100vh;}
    .login-sec .right .innerbox {height: 100%; justify-content: center;}
    .sticky-sidebar {padding: 0px 16px; height: auto; margin-bottom: 20px;}
}

@media all and (max-width:640px){
    .menu-profile {gap: 60px;}
    .add-form .row {gap: 30px;}
}

@media all and (max-width:576px){
    /* Margin CSS Start */
    .mt-100 {margin-top: 50px;}
    .mb-100 {margin-bottom: 50px;}
}

@media all and (max-width:480px){
}

@media all and (max-width:360px){
}